﻿<div class="bg dragdealer" style="position:fixed; width:100%; z-index:10" id="dragdealer_n">
    <div class="handle">
        <div class="container-fluid navbar-fixed-top">
            <div class="container-title">
                <div class="container-title-main">
                    <img src="Content/images/yczj.png">
                </div>
            </div>
        </div>
        <div class="clear40"></div>
        <div class="top-h">
            <div class="container-fluid">
                <div class="weather">
                    <div class="left" style="width:50%">
                        <span class="ssd"><b>{{weather.Temperature|WeatherT}}</b><sup>°C</sup></span>
                        <span class="wh-img"><img ng-src="Content/images/weather/{{weather.DayOrNight}}/{{weather.Code}}.png"></span>
                        <p>PM2.5 | {{weather.Pm25}} <!--| {{weather.Weather}}--></p>
                        <div class="clear5"></div>
                    </div>
                    <div class="right">
                        <p>拥堵指数 | {{trafjam.Value}}</p>
                        <p class="border">{{trafjam.Describe}}</p>
                    </div>
                </div>
            </div>
            <div class="clear"></div>
            <div class="container-fluid index-news">
                <div class="index-news-shadow"></div>
                <div class="divider">热点新闻</div>
                <div class="index-news-con">
                    <div class="border new-top">
                        <div id="list">
                            <div ng-repeat="sin in news">
                                <div><!--ng-click="detail(sin.ID)"-->
                                    <a>
                                        <h1>{{sin.TITLE}}</h1>
                                    </a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="line-down"></div>
            </div>
        </div>
    </div>
</div>
<div class="jbs"></div>
<div class="new-t dragdealer">
    <div class="container-fluid">
        <div class="index-news-con">
            <div ng-repeat="sin in news">
                <div class="border" ng-click="detail(sin.ID)">
                    <div class="new-style-1">
                        <div class="container-fluid">
                            <div ng-class="{true:'col-lg-7 col-md-7 col-sm-7 col-xs-7',false:''}[{{sin.isimg}}]">
                                <h1>{{sin.TITLE}}</h1>
                            </div>
                            <div ng-class="{true:'col-lg-5 col-md-5 col-sm-5 col-xs-5',false:''}[{{sin.isimg}}]">
                                <img ng-src={{sin.img}}>
                            </div>
                            <div>
                                <p>{{sin.introduction}}</p>
                                <p>{{sin.ARTICLE_DT|datenormal}}</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="clear"></div>
        </div>
    </div>
    <div class="line-up line-up-fix"></div>
</div>
<div class="top-m dragdealer" id="top-m">
    <div class="handle">
        <div class="container-fluid bg-white index-ico">
            <table class="table table-bordered">
                <tbody>
                    <tr ng-repeat="list1 in dylist1">
                        <td ng-repeat="aa in list1">
                            <!--ng-href="{{aa.REDIRECT}}"-->
                            <a ng-show="{{aa.ID}}" ng-click="tiaozhuan(aa.REDIRECT,aa.SUBSCRIBENAME)">
                                <img ng-src="{{aa.SUBSCRIBEIOC}}">
                                <p col="3">{{aa.SUBSCRIBENAME}}</p>
                            </a>
                        </td>
                    </tr>
                </tbody>
            </table>
        </div>
        <div class="index-banner" style="display:none;">
            <div class="index_ad_img">
                <!--embed-responsive" style="padding-bottom:26%;-->
                <div class="swiper-container">
                    <div class="swiper-wrapper">
                        <div class="swiper-slide" ng-repeat="ac in active">
                            <i>
                                <img ng-src="{{ac.IMGURL}}">
                            </i>
                        </div>
                    </div>
                    <div class="swiper-pagination"></div>
                </div>
            </div>
        </div>
        <div class="container-fluid bg-white index-ico">
            <table class="table table-bordered">
                <tbody>
                    <tr ng-repeat="list2 in dylist2">
                        <td ng-repeat="bb in list2">
                            <a ng-show="{{bb.ID}}" ng-click="tiaozhuan(bb.REDIRECT,bb.SUBSCRIBENAME)">
                                <img ng-src="{{bb.SUBSCRIBEIOC}}">
                                <p>{{bb.SUBSCRIBENAME}}</p>
                            </a>
                        </td>
                        <td id="td12"></td>
                        <td id="td13"></td>
                        <td id="td14"></td>
                    </tr>
                </tbody>
            </table>
        </div>
    </div>
    <div class="clear80"></div>
</div>
<div class="t_dai dragdealer" id="top-n">
    <div class="handle">
        <div class="container-fluid bg-white index-ico" id="text1">
            <table class="table table-bordered">
                <tbody>
                    <tr ng-repeat="list1 in dylist1">
                        <td ng-repeat="aa in list1">
                            <a ng-show="{{aa.ID}}" ng-click="tiaozhuan(aa.REDIRECT,aa.SUBSCRIBENAME)">
                                <img ng-src="{{aa.SUBSCRIBEIOC}}">
                                <p>{{aa.SUBSCRIBENAME}}</p>
                            </a>
                        </td>
                    </tr>
                </tbody>
            </table>
        </div>
        <div class="index-banner" style="display:none" id="text2">
            <div class="index_ad_img">
                <!--embed-responsive" style="padding-bottom:26%;-->
                <div class="swiper-container">
                    <div class="swiper-wrapper">
                        <div class="swiper-slide" ng-repeat="ac in active" repeat-done="Done()">
                            <i>
                                <img ng-src="{{ac.IMGURL}}">
                            </i>
                        </div>
                    </div>
                    <div class="swiper-pagination"></div>
                </div>
            </div>
        </div>
        <div class="container-fluid bg-white index-ico" id="text3">
            <table class="table table-bordered">
                <tbody>
                    <tr ng-repeat="list2 in dylist2">
                        <td ng-repeat="bb in list2" repeat-done="Done()">
                            <a ng-show="{{bb.ID}}" ng-click="tiaozhuan(bb.REDIRECT,bb.SUBSCRIBENAME)">
                                <img ng-src="{{bb.SUBSCRIBEIOC}}">
                                <p>{{bb.SUBSCRIBENAME}}</p>
                            </a>
                        </td>
                        <td id="td22"></td>
                        <td id="td23"></td>
                        <td id="td24"></td>
                    </tr>
                </tbody>
            </table>
            <div class="clear8"></div>
        </div>
    </div>
</div>
<div class="container-fluid bg-white bottom-ico navbar-fixed-bottom">
    <table class="table">
        <tbody>
            <tr>
                <td>
                    <a ng-href="#/" class="bottom_1 on">
                        <p>常用</p>
                    </a>
                </td>
                <td>
                    <a ng-href="#/morder" class="bottom_2">
                        <p>订阅</p>
                    </a>
                </td>
                <td>
                    <a ng-href="#/special" class="bottom_3">
                        <p>专题</p>
                    </a>
                </td>
                <td>
                    <a ng-href="#/center" class="bottom_4">
                        <p>我的</p>
                    </a>
                </td>
            </tr>
        </tbody>
    </table>
</div>
<div id="index-no">1</div>
<div id="top-no"></div>
<div id="top-mo"></div>
<div class="svg"><img src="Content/img/three-dots.svg"></div>
<div class="svg2"><img src="Content/img/bars.svg"></div>
<script>
    var swiper = new Swiper('.index-banner .swiper-container', {
        pagination: '.index-banner .swiper-pagination',
        observer: true
    });

    jQuery(".index-news-con").slide({
        mainCell: "#list",
        effect: "topLoop",
        autoPlay: true,
        delayTime: 1000
    });
</script>
<script>
    var t_height = $(window).height() - 205;
    var tt_height = $(window).height() - 164;
    $(".new-t .index-news-con").css({ "min-height": t_height });
    $(".new-t").hide().css({ "visibility": "visible" });
    var line_down = function () {
        $(".t_dai").hide();
        $('html,body').animate({ scrollTop: 0 }, 1);
        $(".new-top").add(".line-down").hide();
        $(".bg").height('145px');
        $(".jbs").show();
        $(".new-t").show();
        var newtheight = $(".new-t .index-news-con").height();
        $(".new-t").height(newtheight + 95);
        $(".index_ad_img").add(".index-ico").hide();
    }
    var line_up = function () {
        $(".t_dai").show();
        $(".bg").css({ "height": "auto" });
        $(".new-t").hide();
        $(".jbs").hide();
        $(".new-top").add(".line-down").show();
        $(".bg .index-news-con").css({ "height": 30 });
        $(".index_ad_img").add(".index-ico").show();
        $('html,body').animate({ scrollTop: 0 }, 1);
    }
    $(document).on("click", '.line-up', function () {
        line_up()
    })

    $(document).on("click", '.line-down', function () {
        line_down()
    })
</script>
<script>
    $(".navbar-fixed-bottom a").click(function () {
        $(".navbar-fixed-bottom a").removeClass("on");
        $(this).addClass("on");
    })
</script>
